<%--
  ~   Copyright 1999-2016 Asiainfo Technologies(China),Inc.
  ~
  ~   Licensed under the Apache License, Version 2.0 (the "License");
  ~   you may not use this file except in compliance with the License.
  ~   You may obtain a copy of the License at
  ~
  ~        http://www.apache.org/licenses/LICENSE-2.0
  ~
  ~   Unless required by applicable law or agreed to in writing, software
  ~   distributed under the License is distributed on an "AS IS" BASIS,
  ~   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
  ~   See the License for the specific language governing permissions and
  ~   limitations under the License.
  ~
  --%>
<%@ page contentType="text/html;charset=UTF-8" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ taglib prefix="shiro" uri="http://shiro.apache.org/tags" %>

<c:set var="ctx" value="${pageContext.request.contextPath}"/>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="description" content="">
    <meta name="author" content="">
    <link rel="icon" href="${ctx}/images/favicon.ico">

    <title><sitemesh:write property='title'/></title>

    <link href="${ctx}/assets/bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <link href="${ctx}/css/font-awesome.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/css/se7en-font.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/isotope/isotope.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/fancybox/jquery.fancybox.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/fullcalendar/fullcalendar.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/bootstrap-wizard/wizard.css" media="all" rel="stylesheet" type="text/css"/>
    <%--<link href="${ctx}/assets/select2/select2.css" media="all" rel="stylesheet" type="text/css"/>--%>
    <link href="${ctx}/assets/bootstrap-select/css/bootstrap-select.min.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/morris/morris.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/bootstrap-table/bootstrap-table.min.css" rel="stylesheet"/>
    <link href="${ctx}/assets/bootstrap3-editable/css/bootstrap-editable.css" rel="stylesheet">
<%--<link href="${ctx}/assets/datatables/datatables.css" media="all" rel="stylesheet" type="text/css"/>--%>
    <%--<link href="${ctx}/assets/datatables/css/jquery.dataTables.css" media="all" rel="stylesheet" type="text/css"/>--%>
    <%--<link href="${ctx}/assets/datatables/css/dataTables.bootstrap.css" media="all" rel="stylesheet" type="text/css"/>--%>
    <link href="${ctx}/assets/bootstrap-datepicker/datepicker.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/bootstrap-colorpicker/colorpicker.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/bootstrap-switch/bootstrap-switch.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/daterange-picker/daterange-picker.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/typeahead/typeahead.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/summernote/summernote.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/css/pygments.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/css/style.css" media="all" rel="stylesheet" type="text/css"/>
    <link href="${ctx}/assets/jquery-validation/jquery-validation.css" rel="stylesheet">
    <link href="${ctx}/assets/toastr/toastr.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <%--<link href="${ctx}/css/common.css" rel="stylesheet">--%>

    <script src="${ctx}/assets/jquery/jquery-1.12.3.min.js"></script>

    <sitemesh:write property='head'/>

</head>

<body>

<div class="modal-shiftfix">
    <!-- Navigation -->
    <div class="navbar navbar-fixed-top scroll-hide">
        <div class="container-fluid top-bar">
            <div class="pull-right">
                <ul class="nav navbar-nav pull-right">
                    <li class="dropdown user hidden-xs"><a data-toggle="dropdown" class="dropdown-toggle" href="#">
                        <shiro:principal/><b class="caret"></b></a>
                        <ul class="dropdown-menu dropdown-menu-right">
                            <li><a href="#">
                                <i class="icon-user"></i>用户设置</a>
                            </li>
                            <li><a href="${ctx}/logout">
                                <i class="icon-signout"></i>退出</a>
                            </li>
                        </ul>
                    </li>
                </ul>
            </div>
            <button class="navbar-toggle"><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button>
            <a class="logo navbar-brand" href="#">Redis集群管控平台</a>
        </div>
        <div class="container-fluid main-nav clearfix">
            <div class="nav-collapse">
                <ul class="nav">
                    <li>
                        <a class="" href="${ctx}/">
                            <span aria-hidden="true" class="se7en-charts"></span>集群监控
                        </a>
                    </li>
                    <li>
                        <a href="${ctx}/host/list">
                            <span aria-hidden="true" class="se7en-tables"></span>主机管理
                        </a>
                    </li>
                    <li class="dropdown"><a data-toggle="dropdown" href="#">
                        <span aria-hidden="true" class="se7en-forms"></span>集群管理<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="${ctx}/cluster/new">新建集群</a></li>
                            <%--<li><a href="#">修改集群配置</a></li>--%>
                            <li><a href="${ctx}/cluster/add-nodes">添加节点到集群</a></li>
                            <%--<li><a href="${ctx}/cluster/remove-node">从集群删除节点</a></li>--%>
                            <li><a href="${ctx}/cluster/migrate-slots">迁移槽位</a></li>
                            <li><a href="${ctx}/cluster/info">维护集群和节点</a></li>
                        </ul>
                    </li>
                    <li class="dropdown"><a data-toggle="dropdown" href="#">
                        <span aria-hidden="true" class="se7en-pages"></span>数据操作<b class="caret"></b></a>
                        <ul class="dropdown-menu">
                            <li><a href="${ctx}/data/oper-data">读写数据</a></li>
                            <li><a href="${ctx}/data/list-busi-data">配置及读写业务数据</a></li>
                            <li><a href="${ctx}/data/schedule-busi-data">配置调度及全量更新</a></li>
                        </ul>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Navigation -->
    <div class="container-fluid main-content">
        <sitemesh:write property='body'/>
    </div>
</div>

<!-- Placed at the end of the document so the pages load faster -->
<script src="${ctx}/assets/bootstrap/js/bootstrap.min.js"></script>
<script src="${ctx}/assets/bootstrap-multimodal/multimodal.js"></script>
<%--<script src="${ctx}/assets/bootbox/bootbox.js"></script>--%>
<script src="${ctx}/assets/jquery-json/jquery.json.js"></script>
<%--<script src="${ctx}/assets/jquery-ui/jquery-ui.js" type="text/javascript"></script>--%>
<script src="${ctx}/assets/jquery-inputmask/jquery.inputmask.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/jquery-validation/jquery.validate.js" type="text/javascript"></script>
<script src="${ctx}/assets/jquery-validation/localization/messages_zh.js" type="text/javascript"></script>
<script src="${ctx}/assets/raphael.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/jquery-mousewheel/jquery.mousewheel.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-wizard/jquery.bootstrap.wizard.js" type="text/javascript"></script>
<script src="${ctx}/assets/fullcalendar/fullcalendar.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/fullcalendar/gcal.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-table/bootstrap-table.js"></script>
<script src="${ctx}/assets/bootstrap-table/locale/bootstrap-table-zh-CN.min.js"></script>
<script src="${ctx}/assets/bootstrap3-editable/js/bootstrap-editable.min.js"></script>
<script src="${ctx}/assets/bootstrap-table/extensions/editable/bootstrap-table-editable.js"></script>
<%--<script src="${ctx}/assets/datatables/jquery.dataTables.min.js" type="text/javascript"></script>--%>
<%--<script src="${ctx}/assets/datatables/js/jquery.dataTables.min.js" type="text/javascript"></script>--%>
<%--<script src="${ctx}/assets/datatables/plugins/api/fnProcessingIndicator.js" type="text/javascript"></script>--%>
<%--<script src="${ctx}/assets/datatables/plugins/api/fnReloadAjax.js" type="text/javascript"></script>--%>
<%--<script src="${ctx}/assets/datatables/datatable-editable.js" type="text/javascript"></script>--%>
<script src="${ctx}/assets/excanvas.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/isotope/jquery.isotope.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/isotope/isotope_extras.js" type="text/javascript"></script>
<script src="${ctx}/assets/modernizr.custom.js" type="text/javascript"></script>
<script src="${ctx}/assets/fancybox/jquery.fancybox.pack.js" type="text/javascript"></script>
<%--<script src="${ctx}/assets/select2/select2.js" type="text/javascript"></script>--%>
<script src="${ctx}/assets/bootstrap-select/js/bootstrap-select.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-select/js/i18n/defaults-zh_CN.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/styleswitcher.js" type="text/javascript"></script>
<script src="${ctx}/assets/wysiwyg.js" type="text/javascript"></script>
<script src="${ctx}/assets/summernote/summernote.min.js" type="text/javascript"></script>

<script src="${ctx}/assets/bootstrap-fileupload.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-datepicker/bootstrap-datepicker.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-timepicker/bootstrap-timepicker.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-colorpicker/bootstrap-colorpicker.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-switch/bootstrap-switch.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/typeahead/typeahead.js" type="text/javascript"></script>
<script src="${ctx}/assets/daterange-picker/daterange-picker.js" type="text/javascript"></script>
<script src="${ctx}/assets/date.js" type="text/javascript"></script>
<script src="${ctx}/assets/morris/morris.min.js" type="text/javascript"></script>
<%--<script src="${ctx}/assets/skycons.js" type="text/javascript"></script>--%>
<%--<script src="${ctx}/assets/fitvids.js" type="text/javascript"></script>--%>
<script src="${ctx}/assets/jquery-sparkline/jquery.sparkline.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/toastr/toastr.min.js" type="text/javascript"></script>
<script src="${ctx}/assets/layer/layer.js" type="text/javascript"></script>
<script src="${ctx}/assets/bootstrap-suggest/bootstrap-suggest.js"></script>

<script src="${ctx}/js/common.js"></script>
<!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
<script src="${ctx}/assets/ie10-viewport-bug-workaround.js"></script>
<!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
<!--[if lt IE 9]>
<script src="${ctx}/assets/ie8-responsive-file-warning.js"></script><![endif]-->
<script src="${ctx}/assets/ie-emulation-modes-warning.js"></script>

<!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
<!--[if lt IE 9]>
<script src="${ctx}/assets/html5shiv.min.js"></script>
<script src="${ctx}/assets/respond.min.js"></script>
<![endif]-->



</body>
</html>
